<template>
  <div class="about">
    <div class="tj-list" v-for="(item,index) in jzlist" :key="index" @click="toVideoPage">
      <div class="left-img">
        <img :src="item.url" alt />
      </div>
      <div class="right-content">
        <ul>
          <li class="yy-name">{{item.name}}</li>
          <li class="yynr">
            <p>地址：{{item.address}}</p>
            <span class="yy-bq">立即预约</span>
          </li>
        </ul>
      </div>
    </div>
    <!--  -->
    <div style="height: 3rem;"></div>
  </div>
</template>
<script>
import { List,Cell } from 'vant';
export default {
  components: {
    [List.name]: List,
    [Cell.name]: Cell
  },
  data() {
    return {
      jzlist: [
        {
          name: "广州军区武汉总医院",
          address: "武汉市武昌区武珞路627号",
          url: "http://qqwyfv2fz.hn-bkt.clouddn.com/yy_g.jpg",
          phonecall: '027-50773333'
        },
        {
          name: "湖北省妇幼保健院",
          address: "武汉市洪山区武珞路745号",
          url: "http://qqwyfv2fz.hn-bkt.clouddn.com/yy_fy.jpg",
          phonecall: '027-87884730'
        },
        {
          name: "武汉市儿童医院",
          address: "武汉市江岸区香港路100号",
          url: "http://qqwyfv2fz.hn-bkt.clouddn.com/yy_et.jpg",
          phonecall: '027-82433350'
        },
        {
          name: "湖北省肿瘤医院",
          address: "武汉市洪山区卓刀泉南路116号",
          url: "http://qqwyfv2fz.hn-bkt.clouddn.com/yy_zl.jpg",
          phonecall: '027-87670068'
        },
        {
          name: "武汉协和医院",
          address: "武汉市江汉区解放大道1277号",
          url: "http://qqwyfv2fz.hn-bkt.clouddn.com/yy_xh.jpg",
          phonecall: '027-85726300'
        },
        {
          name: "武汉市中心医院",
          address: "武汉市江岸区胜利街26号",
          url: "http://qqwyfv2fz.hn-bkt.clouddn.com/yy_zx.jpg",
          phonecall: '027-82811080'
        },
        {
          name: "武汉大学中南医院",
          address: "武汉市武昌区东湖路169号",
          url: "http://qqwyfv2fz.hn-bkt.clouddn.com/yy_zn.jpg",
          phonecall: '027-50773333'
        },
        {
          name: "华中科技大学同济医学院附属同济医院",
          address: "武汉市硚口区解放大道1095号",
          url: "http://qqwyfv2fz.hn-bkt.clouddn.com/yy_xh.jpg",
          phonecall: '027-50773333'
        },
        {
          name: "武钢总医院",
          address: "武汉市青山区冶金大道209号",
          url: "http://qqwyfv2fz.hn-bkt.clouddn.com/yy_wg.jpg",
          phonecall: '027-86487354'
        },
        {
          name: "武汉医疗救治中心",
          address: "武汉市东西湖区银潭路1号",
          url: "http://qqwyfv2fz.hn-bkt.clouddn.com/yy_jz.jpg",
          phonecall: '027-85509200'
        }
      ],
      loading: false,
      finished: false,
    };
  },
  mounted(){
  },
  methods: {
    async querylist(){
        let res = await this.$axios.post(
          '/api/common/disease/queryDiseaseInfo',
          {
            apiKey:"Ib3I1727eb283024b369d60868c8f7b3a719354fd552991",
            diseaseID:41
          }
        )
        if(res.statusCode== '000000'){
            console.log(res)
            this.loading = false;
        }
        
    },
    toVideoPage(){
    this.$router.push({path:"/videopage"})
  }
  },
  
};
</script>
<style lang="less" scoped>
.tj-list {
  display: flex;
  padding: 10px 12px;
  .left-img {
    width: 38%;
    height: 90px;
    img {
      width: 100%;
      height: 100%;
      border-radius: 6px;
    }
  }
  .right-content {
    width: 62%;
    padding-left: 10px;
    .yynr {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  }
}
.yy-bq {
  display: inline-block;
  background-color: #0d9df0;
  color: #ffffff;
  font-size: 14px;
  width: 46px;
  line-height: 22px;
  padding: 4px 8px;
  border-radius: 6px;
}
</style>
